<template>
    <div class="project-detail">
        <div class="project-detial">
            <div class="img-box">
                <img src="" alt="">
            </div>
            <div class="detail">
                <div class="p-name">项目部名称项目部名称项目部</div>
                <div class="manage-man">项目负责人：刘大海</div>
            </div>
        </div>
        <div class="baise-info">
            <CommonTitle>项目基本信息</CommonTitle>
            <Row class="conts">
                <i-col :span="6" v-for="(item, i) in baiseList" :key="i">
                    <div class="item-list" v-for="(items, ii) in item" :key="ii">
                        {{items.name}} {{items.value}}
                    </div>
                </i-col>
            </Row>
        </div>
        <div class="bidding">
            <CommonTitle>招投标</CommonTitle>
             <Row class="conts">
                <i-col :span="6" v-for="(item, i) in biddingList" :key="i">
                    <div class="item-list" v-for="(items, ii) in item" :key="ii">
                        {{items.name}} {{items.value}}
                    </div>
                </i-col>
            </Row>
        </div>
        <div class="construction">
            <CommonTitle>施工图审查</CommonTitle>
            <Row class="conts">
                <i-col :span="6" v-for="(item, i) in constructionList" :key="i">
                    <div class="item-list" v-for="(items, ii) in item" :key="ii">
                        {{items.name}} {{items.value}}
                    </div>
                </i-col>
            </Row>
        </div>
        <div class="contract-filing">
            <CommonTitle>合同备案</CommonTitle>
            <Row class="conts">
                <i-col :span="6" v-for="(item, i) in contractList" :key="i">
                    <div class="item-list" v-for="(items, ii) in item" :key="ii">
                        {{items.name}} {{items.value}}
                    </div>
                </i-col>
            </Row>
        </div>
        <div class="permit">
            <CommonTitle>施工许可</CommonTitle>
            <Row class="conts">
                <i-col :span="6" v-for="(item, i) in permitList" :key="i">
                    <div class="item-list" v-for="(items, ii) in item" :key="ii">
                        {{items.name}} {{items.value}}
                    </div>
                </i-col>
            </Row>
        </div>
    </div>
</template>
<script>
export default {
    name: 'projectDetail',
    data () {
        return {
            biddingList: [
                [
                    {
                        name: '招标类型：',
                        value: 1
                    },
                    {
                        name: '中标金额：',
                        value: 1
                    },
                ],
                [
                    {
                        name: '招标方式：',
                        value: 1
                    },
                    {
                        name: '中标通知书编号：',
                        value: 1
                    },
                ],
                [
                    {
                        name: '中标单位：',
                        value: 1
                    },
                    {
                        name: '省级中标通知书编号：',
                        value: 1
                    },
                ],
                [
                    {
                        name: '中标日期：',
                        value: 1
                    },
                ]
            ],
            baiseList: [
                [
                    {
                        name: '项目名称：',
                        value: 1
                    },
                    {
                        name: '建设单位：',
                        value: 1
                    },
                    {
                        name: '建设性质：',
                        value: 1
                    }
                ],
                [
                    {
                        name: '省级项目编号：',
                        value: 1
                    },
                    {
                        name: '建设单位组织机构代码：',
                        value: 1
                    },
                    {
                        name: '项目编号：',
                        value: 1
                    }
                ],
                [
                    {
                        name: '工程用途：',
                        value: 1
                    },
                    {
                        name: '项目类别：',
                        value: 1
                    },
                    {
                        name: '立项级别：',
                        value: 1
                    }
                ],
                [
                    {
                        name: '总面积：',
                        value: 1
                    },
                    {
                        name: '总投资：',
                        value: 1
                    },
                    {
                        name: '立项文号：',
                        value: 1
                    }
                ]
            ],
            constructionList: [
                [
                    {
                        name: '施工图审查合格书编号：',
                        value: 1
                    },
                    {
                        name: '勘察单位：',
                        value: 1
                    },
                ],
                [
                    {
                        name: '省级施工图审查合格书编号：',
                        value: 1
                    },
                    {
                        name: '设计单位：',
                        value: 1
                    },
                ],
                [
                    {
                        name: '施工图审查机构：',
                        value: 1
                    },
                    {
                        name: '审查完成日期：',
                        value: 1
                    },
                ],
            ],
            contractList: [
                [
                    {
                        name: '合同类别：',
                        value: 1
                    },
                    {
                        name: '合同金额：',
                        value: 1
                    },
                ],
                [
                    {
                        name: '合同备案号：',
                        value: 1
                    },
                    {
                        name: '签订日期：',
                        value: 1
                    },
                ],
                [
                    {
                        name: '省级合同备案号：',
                        value: 1
                    },
                ],
            ],
            permitList: [
                [
                    {
                        name: '施工许可证号：',
                        value: 1
                    },
                    {
                        name: '面积：',
                        value: 1
                    },
                ],
                [
                    {
                        name: '省级施工许可证号：',
                        value: 1
                    },
                    {
                        name: '发证日期：',
                        value: 1
                    },
                ],
                [
                    {
                        name: '合同金额：',
                        value: 1
                    },
                ],
            ],
        }
    }
}
</script>
<style lang="less" scoped>
.project-detail {
    overflow: hidden;
    >div {
        background: #fff;
        margin-bottom: 10px;
        overflow: hidden;
        .conts {
            padding: 7px 20px 20px;
            .item-list {
                margin-top: 20px;
                font-size: 14px;
                color: #333;
            }
        }
    }
    .project-detial {
        display: flex;
        padding: 25px 20px;
        height: 110px;
        box-sizing: border-box;
        align-items: center;
        .img-box {
            width: 60px;
            height: 60px;
            display:flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            overflow: hidden;
            background: #EBF6FF;
            margin-right: 14px;
            img {
                max-width: 60px;
                max-height: 60px;
            }
        }
        .detail {
            .p-name {
                font-size: 16px;
                font-weight: 600;
                margin-bottom: 10px;
            }
            .manage-man {
                color: #333;
                font-size: 14px;
            }
        }
    }
}
</style>